<template>
  <div>
    <div class="swiper-contaienr hidden-xs-only">
      <div class="swiper-content">
        <div class="swiper-title">
          <p>AI quantification has huge potential</p>
          <p>for future trading development</p>
        </div>
        <!-- <div class="content">Transaction solutions</div> -->
      </div>
      <div style="width: 80%">
        <div class="contactBtn">Contact Us</div>
      </div>
    </div>
    <div class="swiper-contaienr2 hidden-sm-and-up">
      <div class="swiper-content" style="margin-top: 20px">
        <div class="swiper-title">
          <p>AI quantification has huge potential for future trading development</p>
          <p></p>
          <!-- <p>Safe legal and compliant</p> -->
        </div>
        <!-- <div class="content">Transaction solutions</div> -->
      </div>
      <div style="width: 92%">
        <div class="contactBtn">Contact Us</div>
      </div>
    </div>

    <div class="pg1 hidden-xs-only">
      <img src="../static/images/iphone/4/2.jpeg" alt="" class="pg1-img" />
      <div class="pg1Text-container">
        <div class="pg1-title">AI quantitative trading</div>
        <div class="pg1-hr"></div>
        <div class="pg1-content">
          Quantitative trading began in the early 1980s, when large investment
          institutions used programming to define trading rules clearly in
          programming language and systematize trading processes. To this day,
          most hedge funds use quantitative trading. On Wall Street, traditional
          subjective traders will face pressure to be eliminated, and few hedge
          funds will use fundamentals to select stocks
        </div>
        <div class="pg1-content">
          AI quantitative trading is a way of using artificial intelligence and
          automation technology to make investment decisions and execute
          transactions, which has a certain degree of security.
        </div>
      </div>
    </div>

    <div class="pg1-2 hidden-sm-and-up">
      <div class="pg1Text-container">
        <div class="pg1-title">AI quantitative trading</div>
        <div class="pg1-hr"></div>
        <div class="pg1-content">
          Quantitative trading began in the early 1980s, when large investment
          institutions used programming to define trading rules clearly in
          programming language and systematize trading processes. To this day,
          most hedge funds use quantitative trading. On Wall Street, traditional
          subjective traders will face pressure to be eliminated, and few hedge
          funds will use fundamentals to select stocks
        </div>
        <div class="pg1-content">
          AI quantitative trading is a way of using artificial intelligence and
          automation technology to make investment decisions and execute
          transactions, which has a certain degree of security.
        </div>
      </div>
      <img src="../static/images/iphone/4/2.jpeg" alt="" class="pg1-img" />
    </div>

    <div class="pg2 hidden-xs-only">
      <div class="pg2-body">
        <div class="pg2-text">
          <div class="pg2-title">Advantages of AI quantitative trading</div>
          <div class="pg1-hr"></div>
          <div>
            <div class="pg2-content">
              <i class="redPot"></i>Firstly, AI quantitative trading relies on
              highly complex algorithms and models to analyze market data and
              trends, as well as predict future price trends. These algorithms
              and models have undergone long-term research and testing, and have
              been continuouslyoptimized and improved. Therefore, AI
              quantitative trading can reduce the interference of human factors
              in the decision-making and trading process, and improve the
              scientificity and accuracy of trading decisions.
            </div>
            <div class="pg2-content">
              <i class="redPot"></i>Secondly, AI quantitative trading systems
              typically have powerful data security and privacy protection
              mechanisms. When processing transaction data and personal
              information, AI quantitative trading systems adopt a series of
              encryption and permission control measures to protect the security
              of data. At the same time, developers of AI quantitative trading
              systems will also comply with relevant laws and regulatory
              regulations to ensure the legitimate processing and use of
              transaction data and personal information.
            </div>
          </div>
        </div>
        <img src="../static/images/iphone/4/3.jpeg" class="pg2-img" />
      </div>
    </div>

    <div class="pg2-2 hidden-sm-and-up">
      <div class="pg2-body">
        <div class="pg2-text">
          <div class="pg2-title">Advantages of AI quantitative trading</div>
          <div class="pg1-hr"></div>
          <div>
            <div class="pg2-content">
              <i class="redPot"></i>Firstly, AI quantitative trading relies on
              highly complex algorithms and models to analyze market data and
              trends, as well as predict future price trends. These algorithms
              and models have undergone long-term research and testing, and have
              been continuouslyoptimized and improved. Therefore, AI
              quantitative trading can reduce the interference of human factors
              in the decision-making and trading process, and improve the
              scientificity and accuracy of trading decisions.
            </div>
            <div class="pg2-content">
              <i class="redPot"></i>Secondly, AI quantitative trading systems
              typically have powerful data security and privacy protection
              mechanisms. When processing transaction data and personal
              information, AI quantitative trading systems adopt a series of
              encryption and permission control measures to protect the security
              of data. At the same time, developers of AI quantitative trading
              systems will also comply with relevant laws and regulatory
              regulations to ensure the legitimate processing and use of
              transaction data and personal information.
            </div>
            <div class="pg2-content">
              <i class="redPot"></i>In addition, AI quantitative trading can
              also reduce trading risks throughsystematic risk management. AI
              quantitative trading systems usually set a series of risk control
              indicators and limiting conditions. When market fluctuations
              exceed a certain range or trading strategies are abnormal, the
              system will automatically execute risk control measures, such as
              stopping trading or reducing positions. This can avoid significant
              losses caused by market fluctuations or system failures.
            </div>
            <div class="pg2-content">
              <i class="redPot"></i>Finally, AI quantitative trading systems
              typically have well-established monitoring and auditing
              mechanisms. Real time monitoring and recording of transactions and
              decision-making processes through monitoring systems can promptly
              detect abnormal situations and take corresponding measures. At the
              same time, the transaction process will also be accurately
              recorded for transaction traceability and auditing. These
              monitoring and auditing mechanismscan improve the transparency and
              traceability of transactions, reduce potential fraud and improper
              operations.
            </div>
            <div class="pg2-content">
              <i class="redPot"></i>In summary, AI quantitative transactions
              have high security, thanks to scientific decision-making models,
              data security and privacy protection, systematic risk control, and
              sound monitoring and auditing mechanisms. These characteristics
              provide investors with a more stable and reliable investment
              approach. Of course, investors should also choose platforms with
              good reputation, compliant operation, and rich experience when
              choosing AI quantitative trading platforms, to ensure their own
              rights and financial security.
            </div>
          </div>
        </div>
        <img src="../static/images/iphone/4/3.jpeg" class="pg2-img" />
      </div>
    </div>

    <div class="pg3 hidden-xs-only">
      <div class="pg3-body">
        <div class="pg3-content">
          <i class="redPot"></i>In addition, AI quantitative trading can also
          reduce trading risks through systematic risk management. AI
          quantitative trading systems usually set a series of risk control
          indicators and limiting conditions. When market fluctuations exceed a
          certain range or trading strategies are abnormal, the system will
          automatically execute risk control measures, such as stopping trading
          or reducing positions. This can avoid significant losses caused by
          market fluctuations or system failures.
        </div>
        <div class="pg3-content">
          <i class="redPot"></i>Finally, AI quantitative trading systems
          typically have well-established monitoring and auditing mechanisms.
          Real time monitoring and recording of transactions and decision-making
          processes through monitoring systems can promptly detect abnormal
          situations and take corresponding measures. At the same time, the
          transaction process will also be accurately recorded for transaction
          traceability and auditing. These monitoring and auditing mechanisms
          can improve the transparency and traceability of transactions, reduce
          potential fraud and improper operations.
        </div>
      </div>
    </div>
    <div class="pg4 hidden-xs-only">
      <div class="pg4-body">
        <div class="pg4-content">
          <i class="redPot"></i>In summary, AI quantitative transactions have
          high security, thanks to scientific decision-making models, data
          security and privacy protection, systematic risk control, and sound
          monitoring and auditing mechanisms. These characteristics provide
          investors with a more stable and reliable investment approach. Of
          course, investors should also choose platforms with good reputation,
          compliant operation, and rich experience when choosing AI quantitative
          trading platforms, to ensure their own rights and financial security.
        </div>
      </div>
    </div>
    <div class="pg5">
      <div class="pg5-body">
        <div class="pg5-content">
          <span style="color: #ff1717">KODDPA</span> represents the future of
          technology for the entire world.
        </div>
      </div>
    </div>
    <bottom />
  </div>
</template>

<script>
import bottom from "@/components/bottom.vue";

export default {
  name: "HomeView",
  components: {
    bottom,
  },
};
</script>

<style lang="scss" scoped>
.pg5 {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
  .pg5-body {
    width: 90%;
    display: flex;
    .pg5-content {
      color: #000000;
      font-size: 26px;
      font-weight: 900;
      margin-bottom: 20px;
    }
  }
}
.pg4 {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
  .pg4-body {
    width: 90%;
    display: flex;
    .pg4-content {
      color: #6a6a6a;
      font-size: 14px;
      margin-bottom: 20px;
      .redPot {
        display: inline-block;
        width: 8px;
        border-radius: 50%;
        height: 8px;
        background: #ff0000;
        opacity: 1;
        margin-right: 5px;
      }
    }
  }
}
.pg3 {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
  .pg3-body {
    width: 90%;
    display: flex;
    .pg3-content {
      color: #6a6a6a;
      font-size: 14px;
      margin-bottom: 20px;
      width: 44%;
      .redPot {
        display: inline-block;
        width: 8px;
        border-radius: 50%;
        height: 8px;
        background: #ff0000;
        opacity: 1;
        margin-right: 5px;
      }
    }
  }
}

.pg1-hr {
  width: 90%;
  margin-bottom: 20px;
  height: 1px;
  border-bottom: 1px solid #d1d1d1;
}

.pg2-2 {
  display: flex;
  justify-content: center;

  flex-direction: column;
  align-items: center;
  .pg2-body {
    display: flex;
    justify-content: center;

    flex-direction: column;
    align-items: center;
    .pg2-img {
      width: 90%;
    }
    .pg2-text {
      width: 80%;
      padding-right: 5px;
      .pg2-title {
        padding-top: 20px;
        font-size: 26px;
        font-weight: 900;
        margin-bottom: 20px;
      }
      .pg2-content {
        color: #6a6a6a;
        font-size: 14px;
        margin-bottom: 20px;
        .redPot {
          display: inline-block;
          width: 8px;
          border-radius: 50%;
          height: 8px;
          background: #ff0000;
          opacity: 1;
          margin-right: 5px;
        }
      }
    }
  }
}
.pg2 {
  display: flex;
  justify-content: flex-end;
  .pg2-body {
    width: 90%;
    display: flex;
    .pg2-img {
      width: 56%;
    }
    .pg2-text {
      width: 45%;
      padding-right: 5px;
      .pg2-title {
        width: 66%;
        padding-top: 20px;
        font-size: 34px;
        font-weight: 900;
        margin-bottom: 20px;
      }
      .pg2-content {
        color: #6a6a6a;
        font-size: 14px;
        margin-bottom: 20px;
        .redPot {
          display: inline-block;
          width: 8px;
          border-radius: 50%;
          height: 8px;
          background: #ff0000;
          opacity: 1;
          margin-right: 5px;
        }
      }
    }
  }
}

.pg1-2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  .pg1-img {
    width: 90%;
  }
  .pg1Text-container {
    width: 80%;
    .pg1-title {
      margin-top: 20px;
      font-size: 26px;
      font-weight: 900;
      margin-bottom: 10px;
    }
    .pg1-content {
      color: #6a6a6a;
      font-size: 14px;
      font-weight: 400;
      margin-bottom: 20px;
    }
  }
}
.pg1 {
  display: flex;
  align-items: center;
  .pg1-img {
    width: 50%;
  }
  .pg1Text-container {
    width: 45%;
    margin-left: 40px;
    .pg1-title {
      font-size: 34px;
      font-weight: 900;
      margin-bottom: 30px;
    }
    .pg1-content {
      color: #6a6a6a;
      font-size: 14px;
      font-weight: 400;
      margin-bottom: 40px;
    }
  }
}
.swiper-contaienr2 {
  padding: 100px 0px 100px 0;
  background-image: url("../static/images/iphone/4/1.jpeg");
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: cover;
  flex-direction: column;
  .swiper-content {
    color: #fff;
    width: 80%;
    .swiper-title {
      font-weight: 900;
      font-size: 50px;
    }
    .content {
      opacity: 0.8;
      font-weight: 500;
      margin-top: 20px;
      font-size: 16px;
    }
  }
  .contactBtn {
    color: #fff;
    background-color: #c30d23;
    margin-top: 20px;
    font-weight: 700;
    width: 161px;
    border-radius: 4px;
    height: 51px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.swiper-contaienr {
  padding: 200px 0px 200px 0;
  background-image: url("../static/images/PC/4/1.jpeg");
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: cover;
  flex-direction: column;
  .swiper-content {
    color: #fff;
    width: 80%;
    .swiper-title {
      font-weight: 900;
      font-size: 50px;
    }
    .content {
      opacity: 0.8;
      font-weight: 500;
      margin-top: 20px;
      font-size: 32px;
    }
  }
  .contactBtn {
    color: #fff;
    background-color: #c30d23;
    margin-top: 20px;
    font-weight: 700;
    width: 161px;
    border-radius: 4px;
    height: 51px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media screen and (max-width: 760px) {
  .swiper-content {
    width: 93% !important;
  }
  .swiper-title {
    font-size: 28px !important;
  }
  .pg5-content{
    font-size: 18px !important;
  }
  .pg5{
    justify-content: center !important;
  }
}
</style>